<!--
 * @Author: 17197
 * @Date: 2024-05-03 22:24:36
 * @Description: PostList.vue
 * @Version: 1.0
 * @Last Modified time : 2024-05-03 22:24:36
-->
<script setup lang="ts">
import { defineProps, withDefaults, toRefs } from 'vue'

interface Props {
	postList: any[]
}
const props = withDefaults(defineProps<Props>(), {
	postList: () => []
})
</script>

<template>
	<a-list item-layout="horizontal" :data-source="props.postList">
		<template #renderItem="{ item }">
			<a-list-item>
				<a-list-item-meta :description="item.content">
					<template #title>
						<a href="https://www.antdv.com/">{{ item.title }}</a>
					</template>
					<template #avatar>
						<a-avatar src="https://joeschmoe.io/api/v1/random" />
					</template>
				</a-list-item-meta>
			</a-list-item>
		</template>
	</a-list>
</template>

<style scoped></style>
